<template>
  <svg class="svg-icon" aria-hidden="true">
    <use :xlink:href="iconName" />
  </svg>
</template>

<script>
export default {
  data() {
    return {
      name: "icon-svg",
      props: {
        iconClass: {
          type: String,
          required: true
        }
      }
    };
  },
  computed: {
    iconName() {
      return `#icon-${this.iconClass}`;
    }
  }
};
</script>
